@charset "utf-8";


#web{
    height: 100%;
    overflow: hidden;
    #t_seven{
        width: 100%;
        position: relative;
        .seven-a{
            width: 100%;
            img{
                width: 100%;
                position: absolute;
                top: 30px;
                left: 0;
                right: 0;
                margin: auto;
                transform: scale(1.5);
                z-index: 100;
            }
        }
        .seven-b{
            width: 100%;
            img{
                width: 100%;
                position: absolute;
                top: 0px;
                left: 29%;
                right: 0;
                margin: auto;
                z-index: 100;
            }
        }
        .seven-c{
            width: 100%;
            img{
                width:77%;
                position: absolute;
                top: 0;
                left: 0px;
                right: 0;
                margin: auto;
                margin-top: 16%;
                z-index: 102;
            }
        }
        .seven-d{
            width: 100%;
            img{
                width: 27%;
                position: absolute;
                top: 0;
                left: -57%;
                right: 0;
                margin: auto;
                margin-top: 65%;
                z-index: 101;
            }
        }
        .seven-e{
            width: 100%;
            img{
                width: 22%;
                position: absolute;
                top: 0;
                left: 72%;
                right: 0;
                margin: auto;
                margin-top: 61%;
                z-index: 101;
            }
        }
        // 选项
        .three-f{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0px;
                left: -22%;
                right: 0;
                margin:0 auto;
                margin-top: 112%;
                z-index: 103;
            }
        }
        .three-g{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0px;
                left: -22%;
                right: 0;
                margin: auto;
                margin-top: 131%;
                z-index: 103;
            }
        }
        .three-h{
            width: 100%;
            img{
                width: 74%;
                position: absolute;
                top: 0;
                left: -22%;
                right: 0;
                margin: auto;
                margin-top: 152%;
                z-index: 103;
            }
        }
        .three-i{
            width: 100%;
            img{
                width: 18%;
                position: absolute;
                top: 0px;
                left:77%;
                right: 0;
                margin: auto;
                margin-top: 108%;
                z-index: 103;
            }
        }
        .three-j{
            width: 100%;
            img{
                width: 14%;
                position: absolute;
                top: 0;
                left:77%;
                right: 0;
                margin: auto;
                margin-top: 129%;
                z-index: 103;
            }
        }
    }
}
